<template>
    <div>
        <van-tabbar v-model="active" active-color="#ee0a24" fixed="true" route="true">
            <van-tabbar-item icon="home-o" to="/">首页</van-tabbar-item>
            <van-tabbar-item icon="orders-o" to="/type">分类</van-tabbar-item>
            <van-tabbar-item icon="smile-comment-o" to="/dangread">当读</van-tabbar-item>
            <van-tabbar-item icon="shopping-cart-o" to="/shop">购物车</van-tabbar-item>
            <van-tabbar-item icon="contact" to="/my">我的</van-tabbar-item>
        </van-tabbar>
        <router-view></router-view>
    </div>
</template>

<script>
import { ref } from 'vue';
    export default {
        setup() {
          const active = ref(0);
          return { active };
        },
    };

</script>


<style lang="scss">
  body,h1,h2,h3,h4,h5,h6,p,ul,form,dl,dd,dt{
    padding: 0;
    margin: 0;
  }
  img{
    display: block;
    border: none;
  }
</style>
